<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>首页- BluePunch2023</title>
    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
</head>
<body>

<div th:replace="~{common/header::header(activeUrl='index.html')}"></div>

<main role="main">
    <div class="jumbotron" style="background-color: #ffffff;box-shadow: 0px -2px 10px #d0cccc inset;">
        <div class="container">
            <h1 class="display-3">BluePunch 网上游戏交流平台 <small style="font-size: 20px;">欢迎所有热爱游戏的朋友使用，打造我们自己的圈子！</small></h1>
            <p style="margin-top: 2rem;">
                BluePunch 网上游戏交流平台致力于帮助更多想要玩好游戏的玩家，在这里你可以交到很多朋友，学习到更多的知识，即使再小的帆也能远航！
            </p>
            <p>
                <a target="_blank" href="https://space.bilibili.com/95256449/article" class="btn btn-primary btn-lg" role="button">了解更多 »</a>
            </p>
        </div>
    </div>

    <div class="container">

        <div class="row">
            <div class="col-md-4">
                <h2>视频</h2>
                <p> 通过视频形式让玩家清楚了解到其他玩家的游戏情况，也可以记录下自己的美好游戏时光，分享给其他游戏爱好者</p>
                <p><a th:href="@{/templates/myself}" class="btn btn-secondary" role="button">前往 »</a></p>
            </div>
            <div class="col-md-4">
                <h2>帖子</h2>
                <p> 给社群小伙伴提供交流各种游戏心得的快乐体验。</p>
                <p><a th:href="@{/blog}" class="btn btn-secondary" role="button">前往 »</a></p>
            </div>
            <div class="col-md-4">
                <h2>游戏资源</h2>
                <p> 很多时候，小伙伴找不到想要玩的游戏，或者是一些已经在市面上找不到的童年回忆，我们这里都可以收录</p>
                <p><a target="_blank" href="https://space.bilibili.com/95256449/channel/index" class="btn btn-secondary" role="button">前往 »</a></p>
            </div>
        </div>

        <hr>

    </div>
</main>

<div th:replace="~{common/footer::footer}"></div>

<a class="to-top">返回顶部</a>
<script th:src="@{/js/jquery-3.5.1.min.js}"></script>
<script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script>
<script th:src="@{/js/toTop.js}"></script>

</body>
</html>